import React from 'react';
import NavLink from '../Common/NavLink';
import "./style/app.css";
import Player from './Player';

export default class App extends React.Component{

  render() {
    return (
      <div>
        <header>
          <ul role="nav">
            <li><NavLink to="/" onlyActiveOnIndex className="logo item"></NavLink></li>
            <li><NavLink to="/MyMusic" className="item">我的音乐</NavLink></li>
            <li><NavLink to="/Rank" className="item">排行榜</NavLink></li>
            <li><NavLink to="/List" className="item">歌单</NavLink></li>
            <li><NavLink to="/DownLoad" className="item">下载客户端</NavLink></li>
            <li><NavLink to="/Login" className="item">登录</NavLink></li>
            <li></li>
          </ul>
        </header>
        {this.props.children}
        <footer>
          <Player/>
        </footer>
      </div>
    )
  }
}
